﻿@{
    ViewBag.Title = "Index";
}

@section scripts{
   <script src='~/Scripts/src/appInspire.js'></script>
   <script>
       $(document).ready(function () {
           window.AppIns.getMeta(function (result) {
               var w = $('.wordcontainer');
               for (var i = 0; i < w.length; i++) {
                   $(w[i]).html(result[i]);
               }
           });
       });
   </script>
}

<style>
#btnMainControl:active   
{
   -webkit-opacity:0.70    
}
</style>

<h2>Index</h2>

<div class="row fullscreen text-center" id='btnMainControl'>
   <div class="col-md-4 vcenter" style='background-color:rgba(10, 133, 201, 0.62)'>
      <div class='wordcontainer'></div>
   </div>
   <div class="col-md-4 vcenter"  style='background-color:rgba(24, 196, 72, 0.68)'>
      <div class='wordcontainer'></div>
   </div>
   <div class="col-md-4 vcenter"  style='background-color:rgba(199, 165, 30, 0.67)'>
      <div class='wordcontainer'></div>
   </div>
</div>

<script>
    $(document).ready(function () {
        $('#btnMainControl').click(function () {
            location.href = '/SimpleApp/inspire';
        });
    });
</script>